<<<<<<< HEAD
/* div {
    width: 100px;
    height: 100%;
    background-color: red;
    transition: width 2s;

    transition-delay: 1s;
}

div:hover {
    width: 500px;


} */

/* 动画代码 */
@keyframes example {
    0% {
        background-color: red;
    }

    20% {
        background-color: aqua;
    }

    50% {
        background-color: bisque;
    }

    100% {
        background-color: black;
    }
}

/* 向此元素应用动画效果 */
div {
    width: 100px;
    height: 100px;
    /* background-color: red; */
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
=======
.page_footer{
    /* background-color: rgba(123,22, 55, 0.7); */
    background: rgba(0, 128, 0, 0.2) 
    /* opacity: 0.5; */
}
body{
    /* background-image: url("./tree.png"); */
    background-repeat: no-repeat;
    background-position: top right;
    margin-right: 100px;
    background-attachment: fixed;
    text-align: justify;
}
a.link:link{
    color: #ff0123;
}
a.link:visited {
    color:rgba(0, 128, 0, 0.2)
}
.overflow{
    overflow: scroll;
    border-style: dashed;
    

}
div.static {
    position: static;
    border-radius: 5px;
    border-color: red;
    border-style: dotted;
    background-color: aquamarine;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
p{
    border-style: solid;
    /* border-width: 5px 2px; */
    border-color: blueviolet;
    border-radius: 5px;
    max-width: 5px 7px 10px;
    padding: 1px 15px;
    box-sizing:border-box;
    outline-style: solid;
    outline-width: 2px;
    outline-color:invert;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    /* margin: auto; */
    width: 80%;
}
main{
    width: 50px;
    height: fit-content;
    background-color: burlywood;
    outline-color: #ff0123 ;
    outline-width: 12px ;
}
#test {
    color: blue;
    background-color: aquamarine;
    /* text-align: center; */
}
.test {
    /* text-align: center; */
    text-decoration: dotted underline;
    text-transform: capitalize;
    /* text-shadow: 2px 3px red; */
    text-indent: 30px;
    font-size: 30px;
    font-family: 'Courier New', Courier, monospace;
    font-style: normal;
    font-weight: 300;
    
}
.img {
    float: none;
>>>>>>> 86fe1736edc8d834c5721aa23a523865d0c83836
}